<template>
  <view class="my">
    <!-- 个人信息和任务卡片 -->
    <view class="user-info">
      <!-- 司机账号信息部分 -->
      <view class="info">
        <image src="/src/static/images/ic_avatar_driver.svg" />
        <text style="font-weight: bolder">李明</text>
        <text>司机编号: 67409881</text>
        <text>手机号: 17799988765</text>
      </view>
      <!-- 本月任务卡片 -->
      <view class="card">
        <view class="title">- 本月任务 -</view>
        <view class="task-info">
          <view class="task-item">
            <text class="count">18</text>
            <text style="font-size: 14px">任务总量</text>
          </view>
          <view class="task-item">
            <text class="count">16</text>
            <text style="font-size: 14px">完成任务量</text>
          </view>
          <view class="task-item">
            <text class="count">3987</text>
            <text style="font-size: 14px">运输里程(km)</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
  @import './style.scss';
</style>
